import React from 'react';
import base64url from "base64url";
import { connect } from 'dva'
import { routerRedux } from 'dva/router';
import { Icon, List, WhiteSpace, Badge, Tabs} from 'antd-mobile';
import Rank from './../rankListIteam/ranklistPerson'
import { createForm } from 'rc-form';
import styles from './selfInfo.less';
import new1 from './../../../assets/mine/new1.jpg'

import NavBarItem from '../../../components/WitNavBar/index'
const Item = List.Item;
const Brief = Item.Brief;
const TabPane = Tabs.TabPane;
const empty = require('is-empty');
class Mine extends React.Component{

  constructor(props){
    super(props);
    this.state={

    }
  }
  taskCallBack =(key) =>{
    console.log('onChange', key);
  };
  taskHandleTabClick = (key) =>{
    console.log('onTabClick', key);
  };

  //点击会议通知
  handleParticulars = () => {
    this.props.dispatch(
      routerRedux.push({
        pathname: `/selfinfo/taskparticulars`,
        query: {}
      })
    );
  }

  render(){

    return(
      <div className='mineTask'>
        {/*<NavBarItem title="任务"/>*/}
        {/*<WhiteSpace />*/}
        <Tabs defaultActiveKey="1" onChange={this.taskCallBack} onTabClick={this.taskHandleTabClick} swipeable={false}>
          <TabPane tab='未开始' key="1">
              <Item multipleLine onClick={this.handleParticulars}>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
              <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
          </TabPane>
          <TabPane tab='进行中' key="2">
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
          </TabPane>
          <TabPane tab='已完成' key="3">
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
          </TabPane>
          <TabPane tab='未完成' key="4">
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
            <Item multipleLine>做好九月份工作报表 <Brief>9月份已经接近尾声，请做好工作报表提交给领导</Brief></Item>
          </TabPane>
        </Tabs>

      </div>
    )
  }
}
function mapStateToProps({manualMember}) {
  return {manualMember}
}
export default connect(mapStateToProps)(Mine);
